.wh(@x,@y){
  width: ~"@{x}vw";
  height: ~"@{y}vh";
}
.whs(@x,@y){
  width: ~"@{x}%";
  height: ~"@{y}%";
}

.size(@size){
  width: ~"@{size}rpx";
  height: ~"@{size}rpx";
}
.size(@width, @height){
  width: ~"@{width}rpx";
  height: ~"@{height}rpx";
}
.le-top(@x,@y){
  left:~"@{x}rpx";
  top :~"@{y}rpx";
}
.le-tops(@x,@y){
  left:~"calc((100% - @{x}rpx)/2)";
  top :~"calc((100% - @{y}rpx)/2)";
}
.le-topx(@x,@y){
  left:~"calc((100% - @{x}rpx)/2)";
  top :~"@{y}rpx";
}
.le-topy(@x,@y){
  left:~"@{x}rpx";
  top :~"calc((100% - @{y}rpx)/2)";
}
.rig-top(@x,@y){
  right:~"@{x}rpx";
  top :~"@{y}rpx";
}
.rig-bot(@x,@y){
  right:~"@{x}rpx";
  bottom :~"@{y}rpx";
}
.les(@x){
  left:~"calc((100% - @{x}rpx)/2)";
}
.le-bot(@x,@y){
  left:~"@{x}rpx";
  bottom :~"@{y}rpx";
}
.le-botx(@x,@y){
  left:~"calc((100% - @{x}rpx)/2)";
  bottom :~"@{y}rpx";
}

.ba-url(@url){
  background: url(~"@{url}") no-repeat;
  background-size:100% auto;
}


.top1(@x,@y){
  top:~"calc((100% - 895rpx)*@{x}/153 + @{y}rpx)";
}

.top2(@x,@y){
  top:~"calc((100% - 895rpx)*@{x}/280 + @{y}rpx)";
}

.font(@x,@y,@z){
  font-family: ~"@{x}";
  font-size: ~"@{y}rpx";
  letter-spacing:~"@{z}rpx";
}
.textalign(@x){
  text-align: @x;
}
.color(@x){
  color: ~"#@{x}";
}





